export const imgerr = {
  // 封装一个指令对象
  // 每个属性都是使用指令的 dom 的钩子
  // 其中 inserted 是在 dom 插入页面是触发的
  inserted(dom, options) {
    // 在dom插入时校验一次, 是否为空, 是的话使用默认图
    if (!dom.src) {
      dom.src = options.value
    }

    // 添加错误事件监听, 没当好出现错误就执行
    dom.addEventListener('error', () => {
      dom.src = options.value
    })
  },
  // 除了dom插入外, 组件更新时也要校验一下是否为空
  // 错误事件则无需再次添加,因为事件监听是一直都在
  componentUpdated(dom, options) {
    if (!dom.src) {
      dom.src = options.value
    }
  }
}
